<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a href="#" class="brand" id="logo">YeuTheThao.com</a>
            <!--            <a data-original-title="Đơn vị đồng tổ chức" href="http://www.baothethaovietnam.com.vn/" class="brand" rel="tooltip-bottom" title="" id="logo-ttvn" target="_blank">Báo Thể Thao Việt Nam</a>-->

            <div class="usernav pull-right">
                <a data-original-title="Đã thêm vào danh sách!" href="#" class="btn btn-betslips dropdown-toggle" data-toggle="dropdown" title="">
                    <img src="<?php echo SKINFPATH ?>skin/frontend/img/danhsachdudoan.png"/>
                    Danh sách dự đoán
                    <span class="label label-inverse betslips-counter">0</span>
                </a>
                <ul class="dropdown-menu betslip" id="betslips">
                    <div style="max-height: 300px; overflow: auto;">
                    </div>
                    <li class="event-game event-game-total">
                        <div class="title">
                            Tổng
                        </div>
                        <div class="event-game-solution event-game-solution-total">
                            <div class="bet clearfix">
                                <div class="stake pull-left">
                                    Đặt 
                                    <div class="input-append">
                                        <input maxlength="4" value="0" readonly="readonly" type="text">
                                        <button data-amount="5" class="btn btn-small btn-auto-amount-betslip-all">5</button>
                                        <button data-amount="100" class="btn btn-small btn-auto-amount-betslip-all">100</button>
                                        <button data-amount="300" class="btn btn-small btn-auto-amount-betslip-all">300</button>

                                    </div>
                                </div>
                                <div class="win pull-right">
                                    Thắng
                                    <div class="input-append">
                                        <input readonly="readonly" value="0.00" type="text">
                                        <a data-original-title="Xác nhận dự đoán" class="btn btn-inverse btn-small btn-do-submit-betslips" href="https://www.yeuthethao.com/member/betslips?_nonce=caff99db443cc21a738ce7038b49bccf07988bc5" rel="tooltip" title=""><i class="icon-ok"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="alert alert-error hide" style="margin: 10px 0 5px 0;"></div>
                        </div>
                        <div class="event-game-solution event-game-solution-total">
                            <p style="margin: 0;">
                                Đặt tối đa: <strong>300.00</strong> điểm / 
                                tối thiếu: <strong>5.00</strong> điểm.
                            </p>
                        </div>
                    </li>                        </ul>

                <div class="btn-group">
                    <a data-toggle="modal" role="button" href="dangky" type="submit" class="btn bt-reg">Đăng ký</a>

                    <a id="dangnhap" data-toggle="modal" role="button" href="#login-box" type="submit" class="btn bt-log">Đăng nhập</a>
                    <!------------ Popup Login --------------------------->
                    <div id="login-box" class="login-popup">
                        <a href="#" class="close"><img src="<?php echo SKINFPATH ?>skin/frontend/img/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
                        <form method="post" class="signin form_1" action="/">
                            <fieldset class="textbox">
                                <label class="username">
                                    <span>Email</span>
                                    <input id="email" name="email"  type="text" placeholder="Email">
                                </label>

                                <label class="password">
                                    <span>Mật Khẩu</span>
                                    <input id="password" name="password" type="password" placeholder="Mật Khẩu">
                                </label>
                                <button class="submit button" type="submit" id="btndangnhap" name="dangnhap" value="dangnhap">Đăng nhập</button>
                            </fieldset>
                        </form>
                    </div>
                    <!------------ End Popup Login --------------------------->
                </div>
            </div>
        </div>
    </div>
</div>
<div class="navbar navbar-sub navbar-fixed-top">
    <div class="container">
        <ul class="nav nav-pills">
            <li><a href="<?php echo SKINFPATH ?>dudoan"><img src="<?php echo SKINFPATH ?>skin/frontend/img/dudoan.png"/> Dự đoán</a></li>
            <li><a href="<?php echo SKINFPATH ?>ketquatrandau"><img src="<?php echo SKINFPATH ?>skin/frontend/img/KETQUA.png"/> Kết quả &amp; Xếp hạng</a></li>
            <li><a href="<?php echo SKINFPATH ?>myclubs"><img src="<?php echo SKINFPATH ?>skin/frontend/img/myclub.png"/> Câu lạc bộ</a></li>
            <li><a href="<?php echo SKINFPATH ?>thanhvien"><img src="<?php echo SKINFPATH ?>skin/frontend/img/thanhvien.png"/> Thành viên</a></li>
            <li><a href="<?php echo SKINFPATH ?>giaithuong"><img src="<?php echo SKINFPATH ?>skin/frontend/img/giaithuong.png"/> Giải thưởng</a></li>
            <li><a href="#"><img src="<?php echo SKINFPATH ?>skin/frontend/img/huongdan.png"/> Hướng dẫn</a></li>
        </ul>
    </div>
</div>
<script>
    $(document).ready(function() {

        $('#dangnhap').click(function() {

            // Getting the variable's value from a link 
            var loginBox = $(this).attr('href');

            //Fade in the Popup and add close button
            $(loginBox).fadeIn(300);

            //Set the center alignment padding + border
            var popMargTop = ($(loginBox).height() + 24) / 2;
            var popMargLeft = ($(loginBox).width() + 24) / 2;

            $(loginBox).css({
                'margin-top': -popMargTop,
                'margin-left': -popMargLeft
            });

            // Add the mask to body
            $('body').append('<div id="mask"></div>');
            $('#mask').fadeIn(300);

            return false;
        });

        // When clicking on the button close or the mask layer the popup closed
        $('a.close, #mask').live('click', function() {
            $('#mask , .login-popup').fadeOut(300, function() {
                $('#mask').remove();
            });
            return false;
        });

    });
</script>